<%--
  Created by IntelliJ IDEA.
  User: You
  Date: 2020/5/26
  Time: 8:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*,com.xingyun.info_manager.entity.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>患者信息登记系统</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/global.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/icheck/minimal/red.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <%--<div class="layui-header">--%>
    <%--<!-- 引入公共头区域 -->--%>
    <%--<%@include file="../commen/head.jsp" %>--%>
    <%--</div>--%>

    <%--<div class="layui-side layui-bg-black">--%>
    <%--<div class="layui-side-scroll">--%>
    <%--<!-- 引入左侧导航区域（可配合layui已有的垂直导航） -->--%>
    <%--<%@include file="../commen/menu.jsp" %>--%>
    <%--</div>--%>
    <%--</div>--%>

    <%--<div class="layui-body">--%>
    <!-- 内容主体区域 -->
    <%--<div style="padding: 15px;">--%>
    <%--<fieldset class="layui-elem-field">--%>
    <%--<legend>用户管理 - 用户列表</legend>--%>
    <div class="layui-field-box">
        <form id="queryForm" class="layui-form" action="${pageContext.request.contextPath}/patnet/findall">
            <input type="hidden" name="currPage" id="currPage" />
            <input type="hidden" name="pageSize" id="pageSize" />
            <div class="layui-form-item" >
                <label class="layui-form-label" style="width: 60px;text-align: left;">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name"  placeholder="请输入病人姓名" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label" style="width: 60px;text-align: left;">手机号</label>
                <div class="layui-input-inline">
                    <input type="text" name="phone"  placeholder="请输入手机号" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label" style="width: 60px;text-align: left;">状态</label>
                <div class="layui-input-inline">
                    <select name="patState">
                        <option value="0">全部</option>
                        <option value="1" selected>正常</option>
                        <option value="2">作废</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item" >
                <label class="layui-form-label" style="width: 60px;text-align: left;">开始时间</label>
                <div class="layui-input-inline">
                    <input type="text" name="startTime" placeholder="请输入开始时间" class="layui-input" id="date1">
                </div>
                <label class="layui-form-label" style="width: 60px;text-align: left;">结束时间</label>
                <div class="layui-input-inline">
                    <input type="text" name="endTime" placeholder="请输入结束时间" class="layui-input" id="date2">
                </div>
                <label class="layui-form-label" style="width: 60px;text-align: left;">是否来院</label>
                <div class="layui-input-inline">
                    <select name="isComeHospital">
                        <option value="0">全部</option>
                        <option value="1">是</option>
                        <option value="2">否</option>
                    </select>
                </div>
                <label class="layui-form-label" style="width: 10px;text-align: left;"></label>
                <div class="layui-inline" style="text-align:left;">
                    <div class="layui-input-inline">
                        <button id="queryBtn" type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe615;</i>查询</button>
                    </div>
                </div>
            </div>


        </form>
        <hr>
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm layui-btn-normal dw-dailog" dw-url="${pageContext.request.contextPath}/pages/patient_net/pat_info_add.jsp" dw-title="新增病人信息" dw-width="1200px" dw-height="530px">
                <i class="layui-icon">&#xe654;</i>新增
            </button>
            <%--<button class="layui-btn layui-btn-sm layui-btn-danger dw-batch-delete" dw-url="./delete.json">--%>
            <%--<i class="layui-icon">&#xe640;</i>删除--%>
            <%--</button>--%>
            <%--<button class="layui-btn layui-btn-sm dw-refresh">--%>
            <%--<i class="layui-icon">&#x1002;</i>刷新--%>
            <%--</button>--%>
        </div>
        <%--<hr>--%>
        <table class="layui-table" id="demo" lay-filter="demo" lay-data="{id: 'demo'}">
        </table>
        <%--分页区域--%>
        <div id="pages" style="text-align: center">
            <div id="demopage"></div>
        </div>
    </div>

    <%--</fieldset>--%>
    <%--</div>--%>
    <%--</div>--%>

    <%--<div class="layui-footer">--%>
    <%--<!-- 底部固定区域 -->--%>
    <%--© layui.com - 底部固定区域--%>
    <%--</div>--%>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.all.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/icheck/icheck.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/dw.js"></script>
<script type="text/html" id="nameInfo">
<a href="javascript:" class="layui-table-link" lay-event="infoMsg">{{d.patName}}</a>
</script>
<script type="text/html" id="statusTemp">
    {{#  if(d.patState==1){ }}
    <input type="checkbox"  style="width: 110px;" class="userState" name="patState" lay-skin="switch" checked  lay-event="chgState" lay-text="正常|作废"  value= "{{ d.patState}}"  lay-filter="patState" >
    {{#  } else { }}
    <input type="checkbox" style="width: 110px;" class="userState" name="patState" lay-skin="switch" lay-event="chgState" lay-text="正常|作废"  value= "{{ d.patState}}"  lay-filter="patState" >
    {{#  } }}
</script>
<script type="text/html" id="isComeTemp">
    {{#  if(d.isComeHospital==1){ }}
    <input type="checkbox"  style="width: 110px;" class="isComeHospital" name="isComeHospital" lay-skin="switch" checked  lay-event="chgIsCome" lay-text="是|否"  value= "{{ d.isComeHospital}}"  lay-filter="isComeHospital" >
    {{#  } else { }}
    <input type="checkbox" style="width: 110px;" class="isComeHospital" name="isComeHospital" lay-skin="switch" lay-event="chgIsCome" lay-text="是|否"  value= "{{ d.isComeHospital}}" lay-filter="isComeHospital" >
    {{#  } }}
</script>
<script type="text/html" id="channelName">
    {{#  if(d.createChannelNo==1){ }}
        院内渠道
    {{#  } else if(d.createChannelNo==2){ }}
        市场渠道
    {{#  } else if(d.createChannelNo==3){ }}
        网络渠道
    {{#  } else { }}
        全渠道
    {{#  } }}
</script>
<script type="text/html" id="operateTemp">
    <div class="layui-btn-container">
        <button  class="layui-btn layui-btn-sm layui-btn-normal dw-dailog"  dw-title="编辑用户" lay-event="edit">
            <i class="layui-icon">&#xe642;</i>编辑
        </button>
        <button  class="layui-btn layui-btn-sm layui-btn-normal dw-dailog"  dw-title="到院校验" lay-event="checkout">
            <i class="layui-icon">&#xe674;</i>到院校验
        </button>
        <button class="layui-btn layui-btn-sm layui-btn-danger dw-delete" lay-event="send">
            <i class="layui-icon">&#xe609;</i>发送短信
        </button>
    </div>
</script>
<script>
    /*页面初始化查询数据*/
    $(function () {
        queryData();
    });

    //时间控件
    var laydate = layui.laydate;

    var startTime = '';
    var endTime = ''
    $("#date1").change(function () {
        startTime = $("#date1").val();
        console.log(startTime);
    });
    $("#date2").change(function () {
        endTime = $("#date2").val();
        console.log(endTime);
    });
    //执行一个laydate实例
    laydate.render({
        elem: '#date1' //指定元素
        ,format: 'yyyy-MM-dd' //可任意组合
        // ,range: true //或 range: '~' 来自定义分割字符
        ,done: function(value, date, endDate){
            startTime = value;
            console.log(value); //得到日期生成的值，如：2017-08-18
            // console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
            // console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
        }
    });
    laydate.render({
        elem: '#date2' //指定元素
        ,format: 'yyyy-MM-dd' //可任意组合
        ,done: function(value, date, endDate){
            endTime = value;
            console.log(value); //得到日期生成的值，如：2017-08-18
            // alert('日期大小' + (startTime>endTime));
        }
    });





    var table = layui.table;
    var laypage = layui.laypage;

    var option = {
        elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
        ,height: 300 //容器高度
        // ,width: 1600
        // ,url: '/admin/finddemo' //数据接口
        // ,limit: 5 //注意：请务必确保 limit 参数（默认：10）是与你服务端限定的数据条数一致
        // ,limits:[5,10,15,20]
        // ,page: true //开启分页
        ,cols: [[
            // {type: 'checkbox', fixed: true},//复选框
            {field: 'id', align: "center", width:60, title: 'ID',  hide:true, sort: true},
            {field: 'patName', align: "center",  width:100, title: '姓名', templet: '#nameInfo'},
            {field: 'phone', align: "center", width:120, title: '手机号'},
            {field: 'wechat', align: "center",  width:100, title: '微信号'},
            {field: 'appointDept', align: "center",  width:100, title: '预约科室'},
            {field: 'appointTime', align: "center",  width:110, title: '预约时间'},
            {field: 'createUser', align: "center",  width:100, title: '创建人'},
            // {field: 'createChannelNo', align: "center",  width:100, title: '所属渠道', templet: '#channelName'},
            {field: 'createTime',  align: "center", width:110,  title: '创建时间',sort: true},
            {field: 'isComeHospital', align: "center",  width:110, title: '是否来院', event: "chgIsCome", templet: '#isComeTemp'},
            {field: 'patState', align: "center", width:110, title: '状态', event: "chgState", templet: '#statusTemp'},
            {toolbar: '#operateTemp', align: "center",  title: '操作'}
        ]] //设置表头
        //,…… //更多参数参考右侧目录：基本参数选项
    };

    /*页面初始化查询数据*/
    function queryData() {
        $.ajax({
            url : '${pageContext.request.contextPath}/patnet/findall',//数据接口
            type : 'GET',
            dataType : 'json',
            data: $('#queryForm').serialize(),
            success : function(data) {
                if(data){//此data为后台返回数据
                    //完整功能
                    laypage.render({//分页配置相关
                        elem: 'demopage',//分页组件div的id或者指代div的dom节点对象
                        count: data.count,//记录总数
                        curr: data.currPage,//当前页码
                        limit: data.pageSize,//每页显示多少条 pageSize
                        limits:[3,5,10,15,20],
                        layout: [ 'count','prev', 'page', 'next', 'limit','skip']
                        ,jump: function(obj,first){
                            //obj指当前的分页对象,first代表第一次访问该页面
                            //任何有关换页的操作都会触发此函数，第一次访问的时候也会执行此函数
                            //加个跳转--附带两个参数
                            //alert("这是页面切换");
                            //使用jQuery赋值
                            $("#currPage").val(obj.curr);
                            $("#pageSize").val(obj.limit);
                            if(!first){
                                //模拟提交条件查询的表单，附带当前页码和显示的条数
                                queryData();
                            }
                        }
                    });
                    option.data = data.data;
                    table.render(option);
                } else {
                    layer.msg("未获取到日志信息");
                }
            }

        });
    }

    //条件查询按钮触发事件
    $("#queryBtn").click(function () {
        if(endTime){
            if(endTime > startTime){
                queryData();
            } else {
                layer.msg("结束时间必须大于开始时间")
            }
        } else {
            queryData();
        }
    });

    // 工具监听
    table.on('tool(demo)', function (obj) {
        var data = obj.data; //获得当前行数据
        var id = data.id;//获取当前行用户id
        var createUser = data.createUser;//获取当前数据创建用户
        // var channelName = data.channelName;//获取当前行渠道名称
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
        if(layEvent === 'edit'){ //编辑
            layer.open({
                type: 2,
                title: "编辑用户",
                shadeClose: true,
                shade: 0.8,
                area: ["1200px", "530px"],
                content: "${pageContext.request.contextPath}/patnet/toUpdate?id=" + id,
                cancel: function (index, layero) {
                    $(".dw-refresh").trigger('click');
                    // return false;
                }, end:function(){
                    console.log("刷新主页面")
                    location.reload();//弹出层结束后，刷新主页面
                }
            });
        } else if(layEvent === 'chgState'){//更改状态
            console.log(id + layEvent);
            console.log("chgState" + createUser);
            //当前用户状态
            var patState = data.patState;
            console.log(patState)
            $.ajax({
                url : '${pageContext.request.contextPath}/patnet/chgstate',//数据接口
                type : 'GET',
                dataType : 'json',
                data: {"id":id,"patState":patState},
                success : function(data) {
                    if(data.code == 0){
                        queryData();
                        // table.reload('demo', option);
                    } else {
                        layer.msg("状态更改失败");
                    }
                }
            });

        }else if(layEvent === 'send') {//删除
            if(channelName == '全渠道'){
                layer.msg("全渠道管理员不允许删除");
                return;
            }
            //弹出框提示
            var delFlag = false;//是否删除
            layer.confirm("是否发送短信?", {
                btn: ["确定","取消"] //按钮
            }, function(index){
                layer.close(index);
                <%--$.ajax({--%>
                    <%--url : '${pageContext.request.contextPath}/admin/del',//数据接口--%>
                    <%--type : 'GET',--%>
                    <%--dataType : 'json',--%>
                    <%--data: {"userId":userId},--%>
                    <%--success : function(data) {--%>
                        <%--if(data.code == 0){--%>
                            <%--queryData();--%>
                            <%--// table.reload('demo', option);--%>
                        <%--} else {--%>
                            <%--layer.msg("删除失败");--%>
                        <%--}--%>
                    <%--}--%>
                <%--});--%>
            }, function(){

            });

        } else if(layEvent === 'infoMsg'){//预约病人信息详细展示
            console.log(layEvent);
            layer.open({
                type: 2,
                title: "用户信息详情",
                shadeClose: true,
                shade: 0.8,
                area: ["900px", "450px"],
                content: "${pageContext.request.contextPath}/patnet/infomsg?id=" + id,
                cancel: function (index, layero) {
                    $(".dw-refresh").trigger('click');
                    // return false;
                }
                // , end:function(){
                //     console.log("刷新主页面")
                //     location.reload();//弹出层结束后，刷新主页面
                // }
            });
        }else if(layEvent === 'chgIsCome'){//更改状态
            console.log(id + layEvent);
            console.log("isComeHospital" + createUser);
            //当前用户状态
            var isComeHospital = data.isComeHospital;
            console.log(isComeHospital)
            $.ajax({
                url : '${pageContext.request.contextPath}/patnet/chgiscome',//数据接口
                type : 'GET',
                dataType : 'json',
                data: {"id":id,"isComeHospital":isComeHospital},
                success : function(data) {
                    if(data.code == 0){
                        queryData();
                        // table.reload('demo', option);
                    } else {
                        layer.msg("状态更改失败");
                    }
                }
            });

        } else if(layEvent === 'checkout'){
            console.log("checkout");
            //当前用户状态
            var phone = data.phone;
            if(phone){
                $.ajax({
                    url : '${pageContext.request.contextPath}/patnet/checkOutIsCome',//数据接口
                    type : 'GET',
                    dataType : 'json',
                    data: {"id":id,"phone":phone},
                    success : function(data) {
                        if(data.code == 0){
                            layer.msg(data.msg);
                            queryData();
                            // table.reload('demo', option);
                        } else {
                            layer.msg(data.msg);
                        }
                    }
                });
            } else {
                layer.msg("手机号不存在,无法校验!");
            }
        }
    });

</script>
</body>
</html>
